<template>
  <div class="w1300 flex">
    <img src="" />
    <div class="user-content">
      <div class="user flex-yc flex-xbt">
        <span>张武级</span>
        <div class="flex-yc">
          <el-button type="primary" round size="small">关注</el-button>
          <el-button round size="small">私信</el-button>
        </div>
      </div>
      <p>
        习近平总书记指出，宣传思想文化工作事关党的前途命运，事关国家长治久安，事关民族凝聚力和向心力，是一项极端重要的工作。回望2023年，宣传思想文化战线牢记总书记嘱托，高擎习近平文化思想旗帜，自觉担负起新的文化使命。一年来，围绕贯彻党的二十大关于文化建设的战略部署，强化思想引领，不断守正创新，大力唱响强信心的主旋律，为党和国家事业发展提供了坚强思想保证、强大精神力量、有利文化条件。
      </p>
      <div class="user-comment-wrap flex-yc">
        <div class="flex-y flex-yc">
          <b>10</b>
          <span>获赞</span>
        </div>
        <div class="flex-y flex-yc">
          <b>10</b>
          <span>帖子</span>
        </div>
        <div class="flex-y flex-yc">
          <b>10</b>
          <span>粉丝</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.w1300 {
  padding-top: 47px;

  > img {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin-right: 18px;
    background-color: #eee;
    border-radius: 50%;
  }

  .user-content {
    flex: 1;

    .user {
      margin-bottom: 17px;

      span {
        font-size: 20px;
        font-weight: 500;
        color: #021429;
      }
    }

    p {
      display: block;
      width: 1000px;
      font-size: 13px;
      line-height: 22px;
      color: #8691a3;
    }

    .user-comment-wrap {
      padding: 28px 0 33px;

      .flex-yc {
        font-size: 12px;
        color: #909090;

        & + .flex-yc {
          margin-left: 36px;
        }

        b {
          font-size: 18px;
          color: $primary;
        }
      }
    }
  }
}
</style>
